<template>
    <div>
        <div id="txt-d">{{name}}</div>
        <div id="txt-d">{{desc}}</div>
        
        <example :edata="edata[0]"><example0 slot="case"/></example>
        
        
    </div>
</template>
<script>
    
      import example0 from "./app.vue"
    
    var API;
    

    export default {
        data(){
            return {
                name:'App',
                desc:'App作为全局的对象',
                edata:[{"path":"./app.vue","title":"样式按钮","readme":"%E9%80%9A%E8%BF%87%E6%A0%B7%E5%BC%8F%E4%BD%BF%E7%94%A8"}],
                API:API
            }
        },
        computed:{
          API_props(){
            return marked(this.API.props.join('\n'))
          },
          API_events(){
            return marked(this.API.events.join('\n'))
          },
          API_slots(){
            return marked(this.API.slots.join('\n'))
          },
          API_options(){
            return marked(this.API.options.join('\n'))
          },
        },
        components:{
            
            example0,
            
        }
    }
</script>
<style>

</style>
